//
//  BackgroundDemo.swift
//  firstFontAttrDemo
//
//  Created by liy on 2025/1/20.
//

import SwiftUI

struct BackgroundDemo: View {
  var body: some View {
    VStack {
      // 1.颜色（纯色or渐变色）
      Text("颜色").foregroundStyle(.white)
        .padding()
        .background(.red)
      //      .background(.linearGradient(colors: [.red, .blue], startPoint: .topLeading, endPoint: .bottomTrailing))

      // 2.形状
      Text("形状")
        .padding()
        .foregroundStyle(.white)
        .background(.blue, in: RoundedRectangle(cornerRadius: 20)) // 形状包裹

      // 3.视图 (一般不建议使用括号，
			Text("背景可以是视图").foregroundStyle(.blue)
        .padding()
        .background(
          Text("hello")
						.font(.system(size: 30))
        )

      // ****background可以叠加使用
      Text("叠加使用").foregroundStyle(.white)
        .padding()
        .background(
          Rectangle()
            .fill(.red) // 不填充颜色默认是黑色
        )

      //			推荐使用闭包形式)
      Text("推荐使用闭包形式").foregroundStyle(.white)
        .padding()
        .background(alignment: .center) {
          RoundedRectangle(cornerRadius: 10)
            .fill(.red)
        }

      ZStack(alignment: .center) {
        Image(.girl)
        Text("hello girl")
          .font(.system(size: 30))
          .bold()
          // 4.材料作为背景
          .background(.thinMaterial)
          .background(.ultraThinMaterial)
      }
    }
  }
}

#Preview {
  BackgroundDemo()
}
